<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />

		<title></title>
		<link href="../css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" type="text/css" href="../css/common.css" />
		<link rel="stylesheet" type="text/css" href="../css/collectList.css" />
		<script src="../js/mui.min.js"></script>
		<script type="text/javascript" src="../js/common.js"></script>

		<style type="text/css">
			.top-header-left {
				top: 10px;
			}
		</style>
		<script type="text/javascript">
			mui.init({
				swipeBack: true //启用右滑关闭功能
			});
		</script>
	</head>

	<body>
		<div class="top-wrap">
			<div onclick="back()" class="top-header-left">
				<img src="../images/arrow-left-icon.png" />
			</div>
			<div class="title">
				我的收集
			</div>
			<div class="right">
				<div class="dengji">
					3级
				</div>
				<div id="jindutiao" class="jindutiao">
					<p class="mui-progressbar mui-progressbar-success" data-progress="20"><span></span></p>
				</div>
				<img src="../images/shuijiao.jpg" />
			</div>
		</div>
		<div class="" style="padding-top: 45px;padding-bottom: 20px;">
			<!--<div class="content-title" style="padding: 0 10px;">
				我的收集
			</div>-->
			<div class="collect-content-wrap">
				<div class="btn" style="padding: 0 10px;">
					<div class="mui-switch">
						<div class="mui-switch-handle"></div>
					</div>
					<div class="t">
						是否收集
					</div>
				</div>
				<div class="city">
					温州
				</div>
				<div class="item">
					<img src="../images/zeya01.jpg"/>
					<div class="name">
						泽雅风景区
					</div>
					<div class="all-jifen">
						
						可获得总积分：<span class="s">1200</span>
					</div>
					<div class="all-sao">
						扫码总数：<span class="s">200</span>
					</div>
					<div class="yi-sao">
						已经扫码：<span class="s">10</span>
					</div>
				</div>
				<div class="item">
					<img src="../images/zeya03.jpg"/>
					<div class="name">
						泽雅风景区
					</div>
					<div class="all-jifen">
						可获得总积分：<span class="s">1200</span>
					</div>
					<div class="all-sao">
						扫码总数：<span class="s">200</span>
					</div>
					<div class="yi-sao">
						已经扫码：<span class="s">10</span>
					</div>
				</div>
			</div>
		</div>
		
		<script type="text/javascript">
			mui("#jindutiao .mui-progressbar").each(function() {
				mui(this).progressbar({
					progress: this.getAttribute("data-progress")
				}).show();
			});
			
			mui('.top-wrap').on('tap', '.right', function() {
				var w = plus.webview.create('personalInfo.html');
				plus.webview.show(w,'fade-in',300);
			})
		</script>
	</body>

</html>